<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery   了解javaScript功能： 页面上所有触发性效果  
		     JQuery的使用方式：
			   1.JQuery官方网站   下载JQuery封装js库，  格式：jquery-1.11.1.js  
			   jquery-2.X.js之后的版本不支持  IE  6、7、 8 
			   2.引入JQuery框架 [js类库]     在head当中使用script元素，导入
			                               <script src="js/jquery-1.11.1.js"></script>
			   3.编写JQuery框架语法-----JS页面动态效果
			   在页面最后body前方加script元素  为什么？
			   思考：  操作页面上面元素，body中生成实际页面上的内容，改变页面效果  
			          整个html+css  理解为DOM树：元素、属性、属性值，先存在
					  这些元素，才可以进行操作，所以   JS当中DOM树操作需要等页面元素
					  都加在完毕，才可以进行对页面元素进行实质性操作！
					  
			   JavaScript行为层---EMCAScript5.0核心语法层--------类似于JavaSE基础
			                     功能：做逻辑
						   重点： DOM   Document Object Model  文档节点对象模型
								 功能：改变页面效果【结合逻辑】
								 DOM树  document   元素、属性、属性值
								       html          树根
									head    body     树干
								meta                 树枝
						charsert                     树叶
								 BOM  Browser Object Model  浏览器对象模型
								 功能：做浏览器效果【结合逻辑】
		-->
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*  JQ语法  */
			$("button").click(function(){alert("别着急~")})
		</script>
	</body>
</html>